<template>
  <NavBar />
  <router-view></router-view>
</template>

<script >
import NavBar from './components/NavBar.vue'
export default{
  name:'App',
  components:{
    NavBar,
  },
};
</script>


<style>
/* body 是全局的 HTML 元素，不属于当前组件的 DOM 结构。
因此，当使用 scoped 时，Vue 会尝试为 body 添加作用域属性，但 body 并不在当前组件的范围内，所以样式无法生效。 */
/* 注意这里不要加scoped */
body{
  background-image: url(@/assets/images/bg.png);
  background-size: cover;
}
</style>
